<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Vue</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <!--live server-->
    <h1>Vue2.0实例</h1>
    <ol>
        <h2>基础指令</h2>
        <li><a href="example/11helloworld.html">01-Hello world</a></li>
        <li><a href="example/12ifelse.html">02-ifelse</a></li>
        <li><a href="example/13vfor.html">03-v-for-排序</a></li>
        <li><a href="example/14vtexthtml.html">04-v-text&v-html</a></li>
        <li><a href="example/15vonhtml.html">05-v-on</a></li>
        <li><a href="example/16vmodel.html">06-v-model</a></li>
        <li><a href="example/17vbind.html">07-v-bind</a></li>
        <li><a href="example/18vprevcloakvonce.html">08-v-pre&v-cloak&v-once </a></li>
        <hr />
        <h2>全局API</h2>
        <li><a href="example/21directive.html">21 Vue.directive 定义指令</a></li>
        <li><a href="example/22extend.html">22 Vue.extend </a></li>
        <li><a href="example/23set.html">23 Vue.set 全局操作 </a></li>
        <li><a href="example/24vue.html">24 Vue的生命周期(钩子函数) </a></li>
        <li><a href="example/25template.html">25 Vue Template 制作模版 </a></li>
        <li><a href="example/26comonent.html">26 Vue Component 组件 </a></li>
        <li><a href="example/27comonentprops.html">27 Vue Component props 组件2 </a></li>
        <li><a href="example/28comonentprops2.html">28 Vue Component props 父子组件 </a></li>
        <li><a href="example/29comonent.html">29 Vue Component 标签 </a></li>
        <hr />
        <h2>选项</h2>
        <li><a href="example/30propsData.html">30 Vue 选项 propsData</a></li>
        <li><a href="example/31computed.html">31 Vue computed 计算选项</a></li>
        <li><a href="example/32methods.html">32 Vue methods 方法选项</a></li>
        <li><a href="example/33watch.html">33 Vue watch 监控选项</a></li>
        <li><a href="example/34mixins.html">34 Vue mixins 混入选项</a></li>
        <li><a href="example/35extends.html">35 Vue extends 扩展选项, delimiters如何修改插值标签{{}} </a></li>
        <hr />
        <h2>实例和内置组件</h2>
        <li><a href="example/40early.html">40 Vue 实例属性(methods,mounted)</a></li>
        <li><a href="example/41methods.html">41 Vue 实例方法($mount,$destroy,$forceUpdate,$nextTick)</a></li>
        <li><a href="example/42event.html">42 Vue 实例事件(实例事件就是在构造器外部写一个调用构造器内部的方法)</a></li>
        <li><a href="example/43slot.html">43 Vue slot 内置组件</a></li>
        <hr />
        <li><a href="example/demo.html">demom</a></li>
    </ol>
</body>

</html>